<template>
	<div class="renewContractDiscovery">
		<group class="renewContractDiscoveryGroup">
			<div style="margin-top: 10px; margin-bottom: 10px">
				<span style="font-weight: bold; font-size: 18px; padding-left: 5px">{{title}}</span>
			</div>
		</group>

		<grid class="renewContractDiscoveryTitle" :show-vertical-dividers="false">
			<grid-item>
				<span class="grid-center">学生</span>
			</grid-item>
			<grid-item>
				<span class="grid-center">老师</span>
			</grid-item>
			<grid-item>
				<span class="grid-center">课程</span>
			</grid-item>
			<grid-item>
				<span class="grid-center">剩余积分</span>
			</grid-item>
		</grid>

		<MemberDetailsList curURL="ai/teachers/pages/getRenewContractModelListAll" jumpToObjectDetails="customerDetails"></MemberDetailsList>
	</div>
</template>

<script>
	import NetWorking from '../../../../utils/networking'
	import MemberDetailsList from '../../../../components/mobile/scroller/scrollerMember'
	import {Group, Cell, XButton, Grid, GridItem} from 'vux'
	export default {
		name: "renew-contract-discovery",
		components: {
			Group,
			Cell,
			XButton,
			Grid,
			GridItem,
			MemberDetailsList
		},
		data() {
			return {
				title: '校区待续课会员',
				items: []
			}
		},
		created: function () {
		}
	}
</script>

<style>
	.grid-center {
		display: block;
		text-align: center;
		color: #666;
	}

	.grid-center-name{
		display: block;
		text-align: center;
		color: #43abe3;
	}

	.renewContractDiscovery > .weui-grids > .weui-grid {
		padding: 10px 0px;
		text-decoration: none;
		font-size: 12px;
	}

	.renewContractDiscoveryTitle {
		background-color: lightgoldenrodyellow;
	}

	.renewContractDiscoveryCell {
		background-color: white;
	}
</style>